最近学习了下Vue3的源码，抽空写一些自己对3.x源码的解读，同时算是学习的一个总结吧，也能加深自己的印象。  就先从3.x的响应式系统说起吧。 回忆  首先大概回忆一下2.x的响应式系统，主要由这几个模块组成，Observer，Watc ...

一、图片懒加载原理 浏览器是否发起请求图片是根据中src的属性，所以实现原理就是在图片没有进入可视区域的时候将图片链接放在datasrc中，等到图片载入可视区域再给src赋值 二、懒加载思路及实现 懒加载的实现这里提供的两种方法 ...

本文主要介绍 24 中 es6 方法，这些方法都挺实用的，小本本请记好，时不时翻出来看看。 1.如何隐藏所有指定的元素 const hide = (el) => Array.from(el).forEach(e => (e.style.di ...

背景 传统的优化用户等待的体验 - 白屏使用动画，菊花图，加载进度条等： image.png It can be bad because progress indicators by definition call attention to ...

在next.js框架中如何加入google或者百度统计呢？ 1. 第一种 在之间加入，代码如下 <script dangerouslySetInnerHTML={{__html: `(function( ...

最近在维护一个老项目，前一个同事离职之后给我留下了这样的业务逻辑代码，似曾相识的感觉吗？ if (a = 1) { if (b && d = 1 || e = 2 && d = 3) { if (c && d = 1 || e ...

1、使用场景 _.chunk(array, [size=1]) 将数组（array）拆分成多个 size 长度的区块，并将这些区块组成一个新数组。 如果 array 无法被分割成全部等长的区块，那么最后剩余的元素将组成一个区块。 _.chu ...

1、使用场景 add方法用于计算两个数的和 _.add(6, 4); // => 10 2、源码分析 add.js import createMathOperation from './.internal/createMathOperati ...

前言关于 Promise 原理解析的优秀文章，在掘金上已经有非常多了。但是笔者总是处在 看了就会，一写就废 的状态，这是笔者写这篇文章的目的，为了理一下 Promise 的编写思路，从零开始手写一波代码，同时也方便自己日后回 ...

function resolvePromise(promise2, x, resolve, reject) { //如果promise和x是同一个对象，reject返回TypeError。 if(promise2 === x){ ...